<template>
  <div class="hellos">
    <div class="ss">购物</div>
    <input placeholder="请输入内容" v-model="add"/>
  </div>
</template>

<script>
export default {
  name: 'cart',
  data () {
    return {
      add: ''
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
*{
    margin:0;
    padding:0;
}
 .hellos{
     width:100%;
     height:1rem;
     color:red;
 }
 h1, h2{
     color:red;
 }
 .ss{
   font-size: .4rem
 }
 input{
   width:50%;
   height:.8rem;
   margin-top:1rem;
   font-size: .35rem;
   border-radius: 15px;
   text-align: center
 }
</style>
